<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>伊吉康分享</title>
</head>
<script src="__THEME__/js/jquery-1.7.1.min.js"></script>
<style type="text/css">
body{
	padding:0px;
	margin:0px;
}
.att_main{
	padding:0 5px;
}
.attimg{
	width:30%;
	float:left;
	
}
.attimg:nth-child(3),.attimg:nth-child(6),.attimg:nth-child(9){
	
}
.attimg img{
	width:100%;
}	
.avatar{
	border-radius:25px;
}
.avatar-main{
	float:left;
	
}
.uname{
	height:50px;
	float:left;
	padding:0 5px;
	line-height:50px;
}
.info{
	clear: both;
    float: left;
    width: 100%;
    padding:10px 0px;
}
.clear{
	clear: both;
}
.download{
	width:100%;
}
.download img{
	width:100%;
}
</style>
<body>
<div class="download"><a href="{$down_url}"><img src="{$down_img}" /></a></div>
<div class="att_main">

<div class="info"><div class="avatar-main"><img class="avatar" src="{$avatar}" height=50 width=50 /></div><div class="uname">{$uname}</div></div>
<div class="att_content">{$content}</div>
<div class="clear"></div>
<volist name="attach" id="att">
<div class="attimg"><img src="{$att.attach_small}" /></div>
</volist>


</div>
<script>
var img_width = $(".attimg").width();
var att_width = $(".att_main").width();
var padding = (att_width-(img_width*3)-10)/6;
$(".attimg").css("padding",padding);
</script>
</body>
</html>